<template>
    <div class="topNav">
        <div class="topLeft">
            <span class="iconfont icon-santiaoxian_"></span>
        </div>
        <div class="topCenter">
            <span>我的</span>
            <span>发现</span>
            <span>云村</span>
            <span>视频</span>
        </div>
        <div class="topLeft">
            <span @click="search" class="iconfont icon-sousuo"></span>
        </div>
    </div>
</template>

<script>
export default {
    methods: {
        search(){
            this.$router.push('/search')
        }
    },
}
</script>

<style lang="less" scoped>
.topNav{
    width: 7.5rem;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0.2rem;
    .iconfont{
        font-size: 0.5rem;
    }
    .topCenter{
        width: 4rem;
        display: flex;
        justify-content: space-around;
        font-weight: 700;
    }

}
</style>